﻿body
{
    margin:0px;padding:0px;
    font-family:"Lucida Sans", "Calibri", "Tahoma";
    font-size:80%;
}
        
#site-header
{
    height:98px;
    background-image:url(../Images/Site/header-background.png)
}
        
#site-logo
{
    margin-left:21px;
    margin-top:5px;
    float:left;
}
        
div.site-home
{
    margin-left:20px;
    margin-top:9px;
    float:left;
}
        
div#site-home
{
    margin-left:20px;
    margin-top:9px;
    float:left;
}
        
div#site-configure
{
    margin-left:9px;
    margin-top:9px;
    float:left;
}
        
div.header-button.active div.left
{
    background-image:url(../images/site/header-button-left.png)
}
        
div.header-button.active div.face
{
    background-image:url(../images/site/header-button-face.png)
}
        
div.header-button.active div.right
{
    background-image:url(../images/site/header-button-right.png)
}

div#site-menu-padding
{
    width:10%;
    float:left;
}
        
div#site-menu
{
    margin-top:8px;
    float:left
}
        
div.header-button 
{
    color:White;
    font-size:12pt;
    float:left;
    cursor:pointer;
}
        
div.header-button div.left
{
    float:left;
    width:4px;
    height:34px;
}
        
div.header-button div.face
{
    float:left;
    height:34px;
    padding-left:20px;
    padding-right:20px;
}
        
div.header-button div.right
{
    float:left;
    width:4px;
    height:34px;
}
        
div#site-helper-buttons
{
    float:right;
    margin-top:16px;
    margin-right:21px;
}

div#site-content-header
{
    background-image:url(../images/site/content-background.png);
    border-right:1px solid #B1B2B4;
    height:35px;
}

div.content-tab
{
    color:White;
    cursor:pointer;
    font-size:10pt;
}

div.content-tab div.left
{
    float:left;
    height:25px;
    width:4px;
    background-image:url(../images/site/content-tab-left.png)
}
div.content-tab div.face
{
    float:left;
    height:20px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    background-image:url(../images/site/content-tab-face.png)
}

div.content-tab div.right
{
    float:left;
    height:25px;
    width:5px;
    background-image:url(../images/site/content-tab-right.png)
}

div.content-tab.active div.left
{
    background-image:url(../images/site/content-tab-left-active.png)
}
div.content-tab.active div.face
{
    background-image:url(../images/site/content-tab-face-active.png)
}

div.content-tab.active div.right
{
    background-image:url(../images/site/content-tab-right-active.png)
}



.toolbar-button
{
    width:26px;
    height:26px;
    background-color:transparent;
    border:none;
}
.toolbar-button:hover
{
    width: 26px;
    height: 26px;
    background-color: #FFCC66;
    border: 1px solid orange;
}